/*
 * 列表过渡动画
 * @Author: ljb
 * @Date: 2018-09-05 11:41:39
 * @Last Modified by: kanglin
 * @Last Modified time: 2018-09-14 18:13:12
 */
<style scoped>

</style>
<template>
	<transition-group
		appear
		name="fadeinR"
		tag="ul"
		@beforeAppear="beforeEnter"
		@before-enter="beforeEnter">
		<slot name="content"/>
	</transition-group>
</template>

<script>
export default {
	name: 'AnimationLists',
	data() {
		return {

		};
	},
	methods: {
		beforeEnter(el) {
			const delay = el.dataset.index * 150;
			el.style.transitionDelay = `${delay}ms`; // 设置动画执行延时
		},
	},
};
</script>
